Докладчик

Цель работы

Научиться создавать сайты с помощью Hugo и размещать их на хостинге github

Задачи

Установить необходимое программное обеспечение.
Скачать шаблон темы сайта.
Разместить его на хостинге git.
Установить параметр для URLs сайта.
Разместить заготовку сайта на Github pages.

Установка Hugo

Для начала необходимо скачать последнюю версию движка сайтов Hugo для ОС Linux

Установка Hugo

Далее, с помощью утилиты tar распакуем архив с Hugo

Установка Hugo

Установим Hugo, переместив исполняемый файл в директорию /usr/local/bin

Настройка репозитория

Зайдём на страницу шаблона для сайта https://github.com/wowchemy/starter-hugo-academic и создадим из неё репозиторий

Настройка репозитория

Назовём наш репозиторий blog

Настройка репозитория

И клонируем созданный репозиторий к себе на компьютер

Установка Go

Установим язык Go на компьютер, так как он необходим для работы Hugo

Запуск Hugo

Запустим Hugo. В момент запуска он подготовит папку с сайтом, создав дополнительные каталоги

Удаляем папку Public

Удалим папку Public с помощью команды rm, так как пока она нам не нужна

Запуск Hugo Server

Теперь запустим Hugo с опцией server, которая позволит нам запустить наш сайт

Вид запущенного сайта

Перейдя по адресу localhost:1313, мы увидим наш сайт

Настройка второго репозитория

Теперь создадим второй репозиторий, на котором будет висеть наш сайт. Его нужно назвать в формате “Имя аккаунта на гитхаб + .github.io”

Настройка второго репозитория

Теперь клонируем наш пустой репозиторий на компьютер, создадим файл README.md и переключимся на ветку main

Настройка второго репозитория

Обновляем репозиторий, делая коммит и выкладывая изменения на гитхаб

Настройка сабмодуля

Далее, необходимо открыть файл .gitignore и закомментировать папку public

Настройка сабмодуля

Теперь добавим второй репозиторий как сабмодуль первого, и он будет в себе хранить папку public

Настройка сабмодуля

Проверим корректность настройки сабмодуля

Загрузка изменений в репозиторий

Теперь сделаем коммит

Загрузка изменений в репозиторий

И выгрузим изменения на гитхаб

Вид сайта на хостинге github

Теперь посмотрим, как выглядит наш сайт, который теперь располагается по адресу https://drnikiyprogrammingaccount.github.io/

Выводы

В результате выполнения лабораторной работы был создан сайт, который находится на хостинге Github